<template>
  <div>
    <h2 v-on="$listeners">案例练习</h2>
    <div class="content">
      <img :src="`/imgs/${url.img}`" alt="图片" />
      <p>
        文字富商大贾的法国红酒看来文字富商大贾的法国红酒看来 文字富商大贾的法国红酒看来文字富商大贾的法国红酒看来
        文字富商大贾的法国红酒看来文字富商大贾的法国红酒看来文字富商大贾的法国红酒看来文字富商大贾的法国红酒看来
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SonComp',
  props: {
    url: {
      type: Object
    }
  },
  components: {},
  data() {
    return {
      pos: ''
    };
  },
  methods: {
    fn() {}
  },
  created() {
    this.$listeners;
    console.log(this.$listeners);
  }
};
</script>

<style scoped lang="scss">
h2 {
  border: 2px solid aqua;
  padding: 5px;
}
.content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid black;
  img {
    border: 1px solid red;
    display: block;
    width: 100px;
    height: 100px;
    float: left;
    padding: 5px;
  }
  p {
    height: 100px;
    border: 1px solid orange;
    float: left;
    padding: 5px;
  }
}
</style>
